<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Office User Menu</title>
<link rel="stylesheet" href="./css/airline.css">
<link rel="stylesheet"
	href="./css/font-awesome-4.7.0/css/font-awesome.min.css">
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/search.js"></script>
</head>
<body>
	<div class="top">
		<div class="logo">
			<img class="logoimg" src="./image/logo/logo1.png" alt="">
		</div>
		<div class="status">Office User Menu</div>
	</div>
	<div class="menulist">
		<div class="list_sf" style="color: #F79420;">Search Flights</div>
		<a href="./FlightStatus.html"><div class="list_sf">Flight
				Status</div></a>
		<div class="list_out">Logout</div>
	</div>
	<div class="searchlist">
		<div class="optionone" style="height: 60px;">
			<P>
				<input name="way" type="radio" checked="checked" />One Way
			</P>
			<P>
				<input name="way" type="radio" />Round Ways
			</P>
		</div>
		<div class="dropdown">
			<p>From City:</p>
			<select class="fromcity">
				<option value="volvo">Beijing</option>
			</select>
		</div>
		<div class="dropdown">
			<p>To City:</p>
			<select class="tocity">
				<option value="volvo">Rome</option>
			</select>
		</div>
		<div class="optiondate">
			<p>Departure Date：</p>
			<input class="fromdate" style="width: 120px;" type="date"
				value="2020-08-31" min="2020-08-31" />
		</div>
		<div class="optiondate">
			<p>Return Date：</p>
			<input class="todate" style="width: 120px;" type="date"
				value="2020-08-31" />
		</div>
		<div class="dropdown">
			<p>Cabin Type：</p>
			<select class="cabin">
				<option value="Economy">Economy</option>
				<option value="Business">Business</option>
				<option value="First">First</option>
			</select>
		</div>
		<div class="dropdown">
			<p>Flight Type：</p>
			<select>
				<option value="volvo">All</option>
				<option value="Stop">Stop</option>
				<option value="Non-Stop">Non-Stop</option>
			</select>
		</div>
		<div class="searchbutton">
			<input type="button" name="" id="show" value="Search" />
		</div>
	</div>
	<div class="msgtitle">Departure Flights：</div>
	<div class="msglist">
		<div class="innermsg">
			<div class="optionone" style="margin: auto;">
				<input name="Flight" type="radio" />Select
			</div>
			<div class="innerlist">
				<p class="">$105.40</p>
				<p class="">Economy</p>
				<p class="">Flight 101(95%)</p>
			</div>
			<div class="innerlist" style="width: 450px;">
				<div class="placelist">
					<p class="citymsg">Beijing/PEK</p>
					<p class="datemsg">2018-06-25 08:05</p>
				</div>
				<div class="placelist">
					<div class="citymsg">Rome/CIA</div>
					<div class="datemsg">2018-06-25 18:05</div>
				</div>
			</div>
			<div class="innerlist">
				<p class="">Non-stop</p>
				<p class="">Total time:10h 0m</p>
				<p class="" style="color: red;">3 available tickets</p>
			</div>
		</div>
		<div class="stopinnermsg">
			<div class="optionone" style="margin: auto;">
				<input name="Flight" type="radio" />Select
			</div>
			<div class="innerlist" style="height: 120px;">
				<p class="">$100.04</p>
				<p class="">Economy</p>
				<p class="">Flight 102(90%)</p>
				<p class="">Flight 104(92%)</p>
			</div>
			<div class="linelist" style="height: 204px;">
				<div class="placelist">
					<p class="citymsg">Beijing/PEK</p>
					<p class="datemsg">2018-06-25 21:05</p>
					<p class="citymsg">Hong Kong/HKG</p>
					<p class="datemsg">2018-06-25 23:05</p>
				</div>
				<div class="stoplist">
					<p>2h30m transfer in Hong Kong/HKG</p>
				</div>
				<div class="placelist">
					<p class="citymsg">Hong Kong/HKG</p>
					<p class="datemsg">2018-06-26 01:35</p>
					<p class="citymsg">Rome/CIA</p>
					<p class="datemsg">2018-06-26 11:35</p>
				</div>
			</div>
			<div class="innerlist">
				<p>1-stop</p>
				<p>Total time:16h 50m</p>
				<p>18 available tickets</p>

			</div>
		</div>
	</div>
	<div class="msglist2">
		<div class="innermsg">
			<div class="optionone" style="margin: auto;">
				<input name="Flight" type="radio" />Select
			</div>
			<div class="innerlist">
				<p class="">$105.40</p>
				<p class="">Economy</p>
				<p class="">Flight 101(95%)</p>
			</div>
			<div class="innerlist" style="width: 450px;">
				<div class="placelist">
					<p class="citymsg">Beijing/PEK</p>
					<p class="datemsg">2018-06-25 08:05</p>
				</div>
				<div class="placelist">
					<div class="citymsg">Rome/CIA</div>
					<div class="datemsg">2018-06-25 18:05</div>
				</div>
			</div>
			<div class="innerlist">
				<p class="">Non-stop</p>
				<p class="">Total time:10h 0m</p>
				<p class="" style="color: red;">3 available tickets</p>
			</div>
		</div>
		<div class="stopinnermsg">
			<div class="optionone" style="margin: auto;">
				<input name="Flight" type="radio" />Select
			</div>
			<div class="innerlist" style="height: 120px;">
				<p class="">$100.04</p>
				<p class="">Economy</p>
				<p class="">Flight 102(90%)</p>
				<p class="">Flight 104(92%)</p>
			</div>
			<div class="linelist" style="height: 204px;">
				<div class="placelist">
					<p class="citymsg">Beijing/PEK</p>
					<p class="datemsg">2018-06-25 21:05</p>
					<p class="citymsg">Hong Kong/HKG</p>
					<p class="datemsg">2018-06-25 23:05</p>
				</div>
				<div class="stoplist">
					<p>2h30m transfer in Hong Kong/HKG</p>
				</div>
				<div class="placelist">
					<p class="citymsg">Hong Kong/HKG</p>
					<p class="datemsg">2018-06-26 01:35</p>
					<p class="citymsg">Rome/CIA</p>
					<p class="datemsg">2018-06-26 11:35</p>
				</div>
			</div>
			<div class="innerlist">
				<p>1-stop</p>
				<p>Total time:16h 50m</p>
				<p>18 available tickets</p>

			</div>
		</div>
	</div>
	<div class="editbutton">
		<button type="button">Confirm</button>
	</div>
</body>
</html>